
<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">
body{
	width:380px;
	background: #2F373D;
	overflow: hidden;
}
#share_info,#share_title{
	margin:15px 24px 15px 24px;
}
#share_info{
	color:#26B064;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
#share_title a{
	color:#eee;
	text-decoration:none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
#share_title a:hover{
	text-decoration: underline;
}
*{margin:0;padding:0;}
input[type='button']{
	background:#ccc;
	padding:2px 12px;
	border:0px;
}
.form div{
	padding:3px;
}
hr{
	
	border-top: 1px solid #21262C;
	border-right: none;
	border-bottom: 1px solid #495865;
	border-left: none;
	display: none;
	margin: 0 12px;
	display:block;

}
#share_tool{
	float:right;
padding-right: 25px;
	}
	#share_tool a{
	color:#ddd;
	font-size:80%;
	}
#share_foot{
	font-size:80%;
	color: #8A98A2;
	font-family: "GothamMedium", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: normal;
	margin: 0;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	vertical-align: top;
	margin:10px 24px 15px 24px;
}

#share_title a {
	overflow: hidden;
}

#loading{
	display: inline-block;
	width: 12px;
	height: 12px;
	font-size: 22px;
	margin-right: 10px;
	background: #990000;
	animation:myfirs 3s infinite;
	-webkit-animation:myfirst 3s infinite  linear; /* Safari and Chrome */
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	0%   {background:#990000}
	20%  {background:#FF6600}
	40%  {background:#66FFCC}
	60%  {background:yellow}
	80%  {background:white}
}

</style>
</head>
<body>
<div id="share_tool">
	<a id="btn_close_ss"  href="javscript:;">关闭</a>
</div>
<div id="share_info">
</div>
<div id="share_title">
	<a href="#"></a>
</div>
<hr>
<div id="share_foot">
www.visten.cn/f/note
</div>
<script type="text/javascript" src="../js/jquery-1.7.1.min.js">
</script>
<script type="text/javascript" src="ClipResult.js">
</script>
</body>
</html>